<template>
  <div class="toolbar-icon" :form-ref="'check-form'" @click="onClick">
    <i class="iconfont icon-duoxuan-xuanzhong"></i>
    <div>多选</div>
  </div>
</template>

<script>
import uuidv1 from 'uuid/v1'

export default {
  name: 'CheckToolbar',
  data () {
    return {}
  },
  methods: {
    onClick () {
      this.$emit('add', {
        component: 'CheckForm',
        id: uuidv1()
      })
    }
  }
}
</script>

<style scoped>
.toolbar-icon {
  text-align: center;
  margin: 5px;
  cursor: pointer;
}

.toolbar-icon:hover {
  background: #fff8cc;
}

i {
  font-size: 40px;
}
</style>
